<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="it">
<head>

	<title><$temp_title$> - Avatar</title>

	<!-- FAVICON -->
	<link rel="shortcut icon" type="image/x-icon" href="img/favicon.ico"/>

	<link rel="stylesheet" href="style/imports.css" type="text/css" />
	<link rel="stylesheet" href="libs/bootstrap/css/bootstrap.css" type="text/css" />
	<link rel="stylesheet" href="libs/bootstrap/css/bootstrap-theme.css" type="text/css" />
	<link rel="stylesheet" href="style/css/style.css" type="text/css" />
	<script src="libs/jquery/jquery-1.10.2.min.js"></script>
	<script type="text/javascript" src="libs/bootstrap/js/bootstrap.js"></script>
	<script src="http://code.highcharts.com/highcharts.js"></script>
	<script src="http://code.highcharts.com/highcharts-more.js"></script>
<script>
	$(function () {

	$('#ability_graph').highcharts({
	    chart: {
	    	backgroundColor: 'transparent',
	        polar: true,
	        type: 'area'
	    },	    
	    pane: {
	    	size: '80%'
	    },
	    xAxis: {
	        categories: ['<$temp_a1name$>', '<$temp_a2name$>', '<$temp_a3name$>', '<$temp_a4name$>', '<$temp_a5name$>'],
	        tickmarkPlacement: 'on',
	        lineWidth: 0
	    },
	    legend: {
	    	enabled: false
	    },
	    credits: {
	    	enabled: false
	    },
	    title: {
	    	text: ''
	    },
	    yAxis: {
	        gridLineInterpolation: 'polygon',
	        lineWidth: 0,
	        min: 0
	    },
	    tooltip: {
	    	shared: true,
	        pointFormat: '<span style="color:{series.color}"><b>{point.y:,.0f}</b><br/>'
	    },	    
	    series: [{
	        data: [<$temp_a1$>, <$temp_a2$>, <$temp_a3$>, <$temp_a4$>, <$temp_a5$>],
	        pointPlacement: 'on'
	    }]
	
	});
});
</script>
</head>
<body>
<div class="container" id="bg">
	<div class="row-fluid">
		<!-- <ul class="nav nav-tabs">
			<li><$temp_edit$></li>
			<li><$temp_skills$></li>
			<li><$temp_items$></li>
			<li><a href="mail.php?act=3&writenew=<$temp_name$>" target="main"><small>Scrivi</small></a></li>
			<li><a href="avatar-logs.php?id=<$temp_userid$>" target="main"><small>Logs</small></a></li>
		</ul>-->
		<div class="row">
			<div class="col-md-4" id="col-left-avatar">	
				<div class="row" style="margin: 0; padding: 0;">
					<div class="thumbnail" id="avatar_image">
						<img src="<$temp_image$>" />
					</div>
				<div class="row" style="margin-left: 15px; padding: 0; padding-top: 1px; text-align: center; background: url('img/sfondo_modifica.png'); height: 26px; color: #FFF">
					<$temp_edit$>
				</div>
				</div>
				<div class="row" style="margin-left: 15px; padding: 0;" id="menu_avatar">
					<div class="col-md-2" style="margin: 0; padding: 0;">
						<a href="#"><img src="img/storia.png" /></a>
					</div>
					<div class="col-md-2" style="margin: 0; padding: 0;">
						<a href="#"><a href="#"><img src="img/affetti.png" /></a></a>
					</div>
					<div class="col-md-2" style="margin: 0; padding: 0;">
						<a href="#"><img src="img/descrizione.png" /></a>
					</div>
					<div class="col-md-2" style="margin: 0; padding: 0;">
						<a href="#"><a href="#"><img src="img/skill.png" /></a></a>
					</div>
					<div class="col-md-2" style="margin: 0; padding: 0;">
						<a href="#"><img src="img/oggetti.png" /></a>
					</div>
					<div class="col-md-2" style="margin: 0; padding: 0;">
						<a href="#"><a href="#"><img src="img/esperienza.png" /></a></a>
					</div>
				</div>
			</div>
			
			<div class="col-md-8">
				<ul class="list-group">
					<li class="group-item">
						<b>Iscrizione:</b> <$temp_register$>
					</li>
					<li class="group-item">
						<b>Nome e Cognome:</b> <$temp_name$> <$temp_surname$>
					</li>
					<li class="group-item">
						<b>Et&agrave;:</b> <$temp_age$>
					</li>
					<li class="group-item">
						<b>Razza:</b> <img src="img/races/<$temp_raceimage$>" width="20px" height="20px" title="<$temp_race$>" /> <a href="races.php?id=<$temp_raceid$>" target="main"><$temp_race$></a>
					</li>
					<li class="group-item">
						<b>Allineamento:</b> <$temp_align$>
					</li>
					<li class="group-item">
						<b>Stato Civile:</b> <$temp_state_civil$>
					</li>
					<li class="group-item">
						<b>Mestiere:</b> <img src="img/guilds/<$temp_rankimg$>" width="20px" height="20px" title="<$temp_guild$>" /> <a href="guilds.php?id=<$temp_guildid$>"><$temp_guild$></a>
						<b>Gilda:</b> <img src="img/guilds/<$temp_rankimg$>" width="20px" height="20px" title="<$temp_guild$>" /> <a href="guilds.php?id=<$temp_guildid$>"><$temp_guild$></a>
					</li>
					<li class="group-item">
						<b>Casata:</b> <img src="img/guilds/<$temp_rankimg$>" width="20px" height="20px" title="<$temp_guild$>" /> <a href="guilds.php?id=<$temp_guildid$>"><$temp_guild$></a>
						<b>Clan:</b> <img src="#" width="20px" height="20px" title="" /> <a href="#" target="main"></a>
					</li>
					<li class="group-item">
						<b>Punti Salute</b> <$temp_stamphp$>
					</li>
					<br />
					<li class="group-item">
						<b>Esperienza</b> <$temp_exp$>
					</li>
					<br />
					<li class="group-item">
						<$temp_money$>
					</li>
					<br />
					<br />
					<li class="note">
						<b>Note dal Fato</b>
					</li>
				</ul>
			</div>
		</div>
	
	</div>
</div>

</body>
</html>